<html>
<head>
	<title>Runtime HTML</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body>
	<script type="text/javascript">
		var add_first_div = "<div style='padding: 20px; background-color: #ff0000; color: #00ff00; font-size: 38px;" +
			"font-family: verdana'>This is the first DIV</div>";
		$("body").html(add_first_div);
		
		var second_div = "<div style='border: 5px solid #0000ff; margin-top: 20px; padding: 10px'>" +
							"<ol>" + 
								"<li>This is an item</li>" +
								"<li>Another item</li>" +
								"<li>And the last one</li>" +
							"</ol><br />" +
							"<a href='http://www.telerik.com/academy/start.aspx'>Visit Telerik Academy</a>" + 
							"<p style='background-color: #ffff00'>This is a paragraph that is built runtime with" +
							" the jQuery library.No static HTML!!</p>" +
						 "</div>";
		$(second_div).appendTo("body");
	</script>
</body>
</html>